<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>知天下事</title>
        <link rel="stylesheet" type="text/css" href="../static/css/main.css">
{#        <link rel="stylesheet" type="text/css" href="../static/css/jquery.pagination.css">#}
        <link rel="stylesheet" type="text/css" href="../static/css/reset.css">
        <script src="../static/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../static/js/index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#d1{
				height: 100%;
				width: 55%;
				margin: 0px auto;
				{#border: #000000 1px solid;#}
				
			}
			#d2{
				width: 70%;
				height: 100%;
				overflow:hidden;
				float: right;
				display: none;
			}

		</style>
	</head>
	<body>

		<div id="d1">
            <ul class="menu">
                {% for category in data.categories %}
                    <li class="{% if loop.index0 == data.oldid %}active{% endif %}" data-cid="{{ category.id }}"><a
                            href="javascript:;">{{ category.name }}</a></li>
                {% endfor %}
            </ul>
            <ul class="list_con fl"><li>

		</div>
        <a href="/  " style="position: fixed;top: 0px;right: 0px;"><img src="../static/img/back.png" style="width: 60px;
            height: 60px;"></a>

    </body>
</html>